﻿body 
{
    width: 960px;
    padding: 0;
    margin: 10px auto 0 auto;
}

div#container {
    min-height: 460px;
    height: auto !important;
    height: 460px;
}

fieldset {
    margin: 10px 0;
}

p.mark span {
    color: brown;
    font-size: 15pt;
}

div.center {
    margin: auto;
    text-align: center;
    font-size: 18pt;
    font-weight: bolder;
    color: #200D69;
}

legend {
    color: blue;
    font-weight: bold;
}

table {
    width: 100%;
}

table tr td div.title {
    width: 260px;
    float: left; 
}

table tr td div.longTitle {
    width: 730px;
    float: left; 
}

table tr td div.content input {
    width: 60px;   
    float: left;
}

p.group {
    color: blue;
    font-size: 13pt;
    font-weight: bold;
}

div.result 
{
    color: brown;
    font-size: 13pt;
    font-weight: bolder;
}

table.result {
    color: green;
    font-size: 13pt;
    font-weight: bold;
}

table.result td.subtitle 
{
    line-height: 30px;
    width: 520px;
    text-align: left;
    color: brown;
}

div.float-left {
    float: left;
    min-width: 160px;
}

div.float-right {
    float: right;
}

div.line {
    line-height: 38px;  
    clear: both; 
}

div.line a
{
    color: green;
}

div.clear {
    clear: both;
}

hr {
    color: black;
    clear: both;
}

.advertise-bottom 
{
    color: brown;
    font-weight: bold;
    font-size: 13pt;
    width: 918px;
    padding: 20px;
    background: lightyellow;
    border: solid #aaa 1px;
    clear: both;
}

.advertise-bottom img
{
    float: left;
    margin-right: 10px;
}

div#border {
    border: 1px solid lightgrey;
    min-height: 390px;
}

div.pending 
{
    width: 33%;
    color: rgb(218, 218, 218);
    border-bottom: 8px solid lightgrey;
    text-align: center;
    line-height: 50px;
}

div.done {
    width: 33%;
    color: black;
    border-bottom: 8px solid rgb(255, 196, 172);
    text-align: center;
    line-height: 50px;
}

div.inprogress {
    width: 34%;
    color: black;
    font-weight: bold;
    border-bottom: 8px solid brown;
    text-align: center;
    line-height: 50px;
}

div.info {
    margin: auto;
    width: 600px;
}

div.info div.float-left {
    min-width: 180px;
}

div.info input[type='text'] {
    min-width: 380px;
}

/* top or bottom */
.back-top, .go-bottom
{
    position: fixed;
    bottom: 8px;
}

.back-top
{
    left: 38px;
}

.go-bottom
{
    left: 8px;
}

.back-top a, .go-bottom a
{
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}

.back-top a:hover, .go-bottom a:hover
{
    color: #f5f5f5;
}

/* arrow icon (span tag) */
.back-top span, .go-bottom span
{
    width: 28px;
    height: 28px;
    display: block;
}
.back-top span
{
    background: url('/Images/backtop.png') no-repeat center center;
}
.go-bottom span
{
    background: url('/Images/gobottom.png') no-repeat center center;
}
.back-top a:hover span
{
    background: url('/Images/backtop.png') no-repeat center center;
}
.go-bottom a:hover span
{
    background: url('/Images/gobottom.png') no-repeat center center;
}